import {IconPlanet} from '@tabler/icons-react'
import {GoBack} from "@/pages/errors/components/go-back"
import {AuthenticatedLayout} from "@/layouts"

export default function ComingSoon() {
  return (
    <AuthenticatedLayout title='Coming Soon' showHeader={false}>
      <div className='h-svh'>
        <div className='m-auto flex h-full w-full flex-col items-center justify-center gap-2'>
          <IconPlanet size={72}/>
          <h1 className='text-4xl font-bold leading-tight'>Coming Soon 👀</h1>
          <p className='text-center text-muted-foreground'>
            This page has not been created yet. <br/>
            Stay tuned though!
          </p>
          <GoBack/>
        </div>
      </div>
    </AuthenticatedLayout>
  )
}
